<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; UTF-8" />
  <style type="text/css">
body {
 background-color: #fff9a3;
 font-family: Arial, Sans-Serif;
 color: #000000;
 font-size: 12px; 
 }
table.gooKal-table {
 width: 100%;
 height: 100%;
 font-family: Arial, Sans-Serif;
 color: #000000;
 font-size: 12px;
 border-right: 1px solid #00244d;
 border-bottom: 1px solid #00244d;
 }
span.gooKal-month-year {
 font-family: Arial, Sans-Serif;
 color: #000000;
 font-size: 12px; 
 }
th.gooKal-day-th {
 text-align: center;
 background: #ffaa00 url(images/gradient2.gif) repeat-x;
 height: 15px;
 font-size: 12px;
 font-weight: bold;
 color: #00244d;
 border-left: 1px solid #00244d;
 border-top: 1px solid #00244d;
 }
td.gooKal-day-td {
 width: 14.2857142%;
 border-left: 1px solid #00244d;
 border-top: 1px solid #00244d;
 background: #fff9a3 url(images/gradient1.gif) repeat-x;
 vertical-align: top;
 }
td.gooKal-today-td {
 background: red !important;
 }
div.gooKal-day {
 overflow-y: hidden;
 text-align: right;
 }
div.gooKal-day-title {
 position: relative;
 height: 15px;
 width: 20px;
 display: inline;
 z-index: 1;
 text-align: right;
 font-size: 12px;
 background-color: #ffaa00;
 color: ##00244d;
 padding-left: 3px;
 padding-right: 3px;
 }
td.gooKal-day-wrong-month-td div.gooKal-day-title {
 background-color: ffee44 !important;
 }
div.gooKal-day-content {
 position: relative;
 top: -15px;
 z-index: 0;
 height: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 }
div.gooKal-day-content-today {
 position: relative;
 }
td.gooKal-day-wrong-month-td {
 background: #fffcd1 url(images/gradient3.gif) repeat-x !important;
 }
div.gooKal-toolbar {
 height: 20px;
 vertical-align: middle;
 }
img.gooKal-back {
 width: 16px;
 height: 16px;
 cursor: pointer;
 background: url(images/icons.gif) 0px 0px;
 }
img.gooKal-forward {
 width: 16px;
 height: 16px;
 cursor: pointer;
 background: url(images/icons.gif) 0px -20px;
 }
span.gooKal-month-year {  
 height: 20px;
 padding-left: 4px;
 padding-right: 4px;
 }
span.gooKal-today {
 cursor: pointer;
 height: 20px;
 padding-left: 4px;
 padding-right: 4px;
 text-decoration: underline; 
 }
div.gooKal-loading {
 float: right;
 display: none;
 }
div.gooKal-event {
 width: 100%;
 height: 16px;
 font-size: 12px;
 overflow: hidden;
 white-space: nowrap;
 font-family: Arial, Sans-Serif;
 border-bottom: 1px solid yellow;
 text-align: left;
 padding-left: 3px;
 }
td.gooKal-day-wrong-month-td div.gooKal-event {
 border-bottom: 1px solid #fffcd1 !important;
 }
#gooKal-full-display {
 position: absolute;
 left: -100px; 
 top: -100px;
 height: 16px;
 font-size: 12px;
 font-family: Arial, Sans-Serif;
 z-index: 3;
 border: 1px solid #ffaa00;
 padding-left: 3px;
 padding-right: 2px;
 white-space: nowrap;
 }


#cluetip-waitimage {
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url(/images/icons/ajax_waiting.gif);
}
.cluetip-default {
  background-color: #FFF9A3;
  z-index: 93;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF9A3;
  border-left: 2px solid #003A7D;
  border-right: 2px solid #003A7D;
  border-bottom: 2px solid #003A7D;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 0px;
  padding: 2px 2px 2px;
  font-size: 9pt;
  font-weight: bold;
  background-color: #003A7D;
  color: #ffffff;
}
.cluetip-default #cluetip-title a {
  color: #ffffff;
}  
.cluetip-default #cluetip-inner {
  padding: 5px;
  font-size: 8pt;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
} 
.event-tooltip th {
 vertical-align: top; 
 }
  </style>

  <script type="text/javascript">
function init () {
 var cal1 = gooKal.create ({
  div: jQuery ('#cal1'),
  googleCalendars: [{
   feedUri: 'http://www.google.com/calendar/feeds/weissemoewen@googlemail.com/public/full',
   color: '#ffffff',
   bgColor: '#000080',
   name: 'KWs'
   }, {
   feedUri: 'http://www.google.com/calendar/feeds/0pn2fslv6240qv7msctculd114@group.calendar.google.com/public/full',
   color: '#fff9a3',
   bgColor: '#003a7d',
   name: 'Test'
   }, {
   feedUri: 'http://www.google.com/calendar/feeds/lghowells@gmail.com/public/full',
   color: '#000000',
   bgColor: '#00ff00',
   name: 'Test'
   }],
  eventCreateListeners: [
   function (eventDiv, event) {
    var html = [];
    html.push ('');
    html.push (event.title);
    html.push ('|<table class="event-tooltip"><tbody><tr>');
    html.push ('<th>Datum:</th><td>');
    if (event.startTime.getHours () != 0 || event.startTime.getMinutes () != 0 || event.endTime.getHours () != 0 || event.endTime.getMinutes () != 0) {
       html.push (event.startTime.getHours () < 10 ? '0' : '');
       html.push (event.startTime.getHours ());
       html.push (':');
       html.push (event.startTime.getMinutes () < 10 ? '0' : '');
       html.push (event.startTime.getMinutes ());
       html.push (' - ');
       html.push (event.endTime.getHours () < 10 ? '0' : '');
       html.push (event.endTime.getHours ());
       html.push (':');
       html.push (event.endTime.getMinutes () < 10 ? '0' : '');
       html.push (event.endTime.getMinutes ());
       html.push (' Uhr am ');
       }
    html.push (event.endTime.getDate () < 10 ? '0' : '');
    html.push (event.endTime.getDate ());
    html.push ('.');
    html.push (event.endTime.getMonth () < 9 ? '0' : '');
    html.push (event.endTime.getMonth ()+1);
    html.push ('.');
    html.push ((''+event.endTime.getFullYear ()).substring (2, 4));   
    html.push ('</td></tr>');
    html.push ('<tr><th>Inhalt:</th><td>');
    html.push (event.content);
    html.push ('</td></tr>');
    if (event.location) {
       html.push ('<tr><th>Ort:</th><td>');
       html.push (event.location);
       html.push ('</td></tr>');
       }
    html.push ('</tbody></table>');
    eventDiv.attr ('rel', html.join (''));
    eventDiv.cluetip ({ 
       width: 400, 
       positionBy: 'auto',
       titleAttribute: 'rel',
       splitTitle: '|',   
       sticky: true, 
       activation: 'click',
       closeText: 'Schlie\u00DFen'
     });
    }
   ],
  eventClickListeners: [
   function (eventDiv, event) {
    //alert (event);
    }
   ]
  });
 cal1.setMonth (new Date ().getMonth ()+1, new Date ().getFullYear ());
}
  </script>


  <script type="text/javascript">
  document.write ('<sc'+'ript type="text/javascript" src="http'+((''+window.location).indexOf ('https') == -1 ? '' : 's')+'://www.google.com/jsapi"></sc'+'ript>');
  </script>
  <script type="text/javascript">
   if (window.google) {
      google.load ('gdata', '1.x', { packages : [ 'calendar' ] } );
      google.load ('jquery', '1.3');
      google.setOnLoadCallback (function () {
       var el = document.createElement ('sc'+'ript');
       el.type = 'text/javascript';
       el.src = 'jquery.cluetip-0.9.8.js';
       document.getElementsByTagName("head")[0].appendChild (el);
       el = document.createElement ('sc'+'ript');
       el.type = 'text/javascript';
       el.src = '../gooKal.js';
       document.getElementsByTagName("head")[0].appendChild (el);
       var testForGooKal = function () {
        if (typeof gooKal == 'undefined')
           setTimeout (testForGooKal, 80);
           else init ();
         };       
       testForGooKal ();  
       });
      } else {
           var el = document.createElement ('sc'+'ript');
           el.type = 'text/javascript';
           el.src = '../gdata.js';
           document.getElementsByTagName("head")[0].appendChild (el);
           el = document.createElement ('sc'+'ript');
           el.type = 'text/javascript';
           el.src = '../jquery-1.3.2.js';
           document.getElementsByTagName("head")[0].appendChild (el);
           el = document.createElement ('sc'+'ript');
           el.type = 'text/javascript';
           el.src = 'jquery.cluetip-0.9.8.js';
           document.getElementsByTagName("head")[0].appendChild (el);
           el = document.createElement ('sc'+'ript');
           el.type = 'text/javascript';
           el.src = '../gooKal.js';
           document.getElementsByTagName("head")[0].appendChild (el);
           window.onload = init;
           }
  </script>

  </head>
 <body>
  <div style="width:50%;height:300px" id="cal1"></div>
  <script type="text/javascript">
if ((''+window.location).indexOf ('http') != -1) {
   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
   }
</script>
<script type="text/javascript">
if ((''+window.location).indexOf ('http') != -1) {
   var pageTracker = _gat._getTracker("UA-1366308-1");
   pageTracker._trackPageview();
   }
</script>
 </body>
</html>
